.index{
	// 上部内容
	.top_content{
		padding-bottom: 26rpx;
		background-color: #f6f6f6;
		// 背景图片
		.bg{
			position: relative;
			image{
				position: absolute;
				width: 100%;
				display: block;
				height: 350rpx;
			}
		}
		// 头部
		.head{
			padding-top: 60rpx;
			position: relative;
			text-align: center;
			.title{
				color: #FFFFFF;
				font-size: 34rpx;
			}
		}
		// 搜索
		.search{
			margin-top: 50rpx;
			position: relative;
			padding: 0 32rpx;
			display: flex;
			justify-content: space-between;
			.left{
				.icon-ditu_dingwei_o{
					color: #FFFFFF;
					font-size: 26rpx;
				}
				.place{
					margin-left: 8rpx;
					color: #FFFFFF;
					font-size: 26rpx;
				}
			}
			.right{
				position: relative;
				.icon-sousuo{
					position: absolute;
					top: 10rpx;
					left: 10rpx;
					font-size: 18rpx;
					color: black;
				}
				.inp{
					background-color: #FFFFFF;
					padding-left: 40rpx;
					border-radius: 20rpx;
					height: 40rpx;
					width: 220rpx;
					font-size: 18rpx;
					.text{
						font-size: 18rpx;
						color: black;
					}
				}
			}
		}
		// 四个功能
		.navigation{
			margin-top: 30rpx;
			padding: 0 32rpx;
			position: relative;
			.navigation_list{
				background-color: #FFFFFF;
				width: 100%;
				height: 200rpx;
				border-radius: 20rpx;
				display: flex;
				align-items: center;
				justify-content: space-around;
				.frist{
					background-color: #4f86ed;
				}
				.second{
					background-color: #71b78b;
				}
				.third{
					background-color: #e39e5e;
				}
				.fourth{
					background-color: #479cf7;
				}
				.navigation_li{
					display: flex;
					flex-direction: column;
					align-items: center;
					.top{
						width: 80rpx;
						height: 80rpx;
						border-radius: 10rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						image{
							display: block;
							width: 50rpx;
							height: 50rpx;
						}
					}
					.bottom{
						font-size: 22rpx;
						margin-top: 10rpx;
					}
				}
			}
		}
	}
	// 下部内容
	.bottom_content{
		padding: 0 36rpx;
		background-color: #FFFFFF;
		// 头条
		.news{
			.news_head{
				display: flex;
				justify-content: space-between;
				height: 70rpx;
				align-items: flex-end;
				padding: 0 6rpx;
				.left{
					image{
						width: 80rpx;
						height: 40rpx;
						display: block;
					}
				}
				.center{
					width: 400rpx;
					height: 44rpx;
					.item{
						overflow:hidden;
						text-overflow:ellipsis;
						white-space:nowrap;
					}
				}
				.right{
					display: flex;
					align-items: center;
					.bor{
						margin-right: 10rpx;
						width: 20rpx;
						height: 20rpx;
						background-color: #ff0015;
						border-radius: 50%;
					}
				}
			}
			.image_list{
				margin-top: 30rpx;
				.swiper{
					image{
						width: 100%;
						display: block;
						height: 300rpx;
					}
				}
			}
		}
		// 生活门店
		.life{
			.life_head{
				height: 130rpx;
				font-size: 36rpx;
				line-height: 130rpx;
			}
			.life_img{
				padding-bottom: 26rpx;
				display: flex;
				justify-content: space-between;
				image{
					width: 320rpx;
					height: 200rpx;
					display: block;
				}
			}
		}
		// 资讯
		.message{
			.message_head{
				height: 120rpx;
				line-height: 120rpx;
				font-size: 32rpx;
				display: flex;
				justify-content: space-between;
			}
			.state{
				margin: 10rpx 0;
				display: flex;
				justify-content: center;
			}
			.listState{
				margin: 10rpx 0;
				display: flex;
				justify-content: center;
			}
		}
	}
}